﻿<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>my portfolio</title>
	<link rel="stylesheet" href="css/style.css">
</head>
<body>
	<div class="portfolio">
		<header>
			<img src="./image/logo.jpeg" alt="logo">
			
			<div class="title">
				<h3>LEE JING</h3>
				<p>UDACITY</p>
			</div>
		</header>

		<div class="banner">
			<div id="wrapper">
				<div id="slider-wrap">
					<ul id="slider">
						<li>
							<div>
								<h3></h3>
								<span></span>
							</div>
							<i class="fa fa-image"></i>
						</li>

						<li>
							<div>
								<h3></h3>
								<span></span>
							</div>
							<i class="fa fa-gears"></i>
						</li>

						<li>
							<div>
								<h3></h3>
								<span></span>
							</div>
							<i class="fa fa-sliders"></i>
						</li>
					</ul>

					<!--controls-->
					<div class="btns" id="next"><a class="fa fa-arrow-right"></a></div>
					<div class="btns" id="previous"><a class="fa fa-arrow-left"></a></div>
					<div id="counter"></div>

					<div id="pagination-wrap">
						<ul>
						</ul>
					</div>
					<!--controls-->

				</div>
			</div>
		</div>

		<main>
			<p class="sub-title">Featured Work</p>
			<ul class="main-box">
				<li class="">
					<div class="my_portfolio">
						<img src="./image/Slack-for-iOS-Upload.jpg" alt="cat">
						<h3>WORK 1</h3>
						<a href="https://gitee.com/ly_you/udacity/blob/master/web-dev-blog/web-dev-blog.html">https://gitee.com/ly_you/udacity/blob/master/web-dev-blog/web-dev-blog.html</a>
					</div>
				</li>
				<li>
					<div class="my_portfolio">
						<img src="./image/clay-pot.jpg" alt="cat">
						<h3>WORK 2</h3>
						<a href="https://gitee.com/ly_you/udacity/blob/master/writing-selectors/index.html">https://gitee.com/ly_you/udacity/blob/master/writing-selectors/index.html</a>
					</div>
				</li>
				<li>
					<div class="my_portfolio">
						<img src="./image/Humans vs Machines Blog.jpeg" alt="cat">
						<h3>WORK 3</h3>
						<a href="https://gitee.com/ly_you/udacity/blob/master/mockup-to-article_zh/index.html">https://gitee.com/ly_you/udacity/blob/master/mockup-to-article_zh/index.html</a>
					</div>
				</li>
			</ul>
		</main>
	</div>
	<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
	<script type="text/javascript" src="js/slide.js"></script>
</body>
</html>